<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <style>
      p::first-letter {
        color: blue;
        font-size: 30px;
      }
      p::first-line {
        text-decoration: underline;
      }
      .exciting-text::after {
        content: "<- 让人兴兴兴奋！";
        color: green;
      }

      .boring-text::before {
        content: "ps: ";
        color: red;
      }
    </style>
  </head>
  <body>
    <p>
      作词 : 马思唯/袁娅维TIA RAY 作曲 : 马思唯/袁娅维TIA RAY 编曲 : JZlee
      制作人 : 马思唯 混音 : 张步若 母带 : 张步若 录音室 : Dark Horse Studio
      Last time you called me 我们的措辞用句甚至都没有“再见”来结尾
      我的心被绑在铁轨 这惨痛的教训那就当给爱情交过了学费 That's the pain now I
      enjoy that 接受这结果我有多为难？
      以前我和你一起表现的有多积极看现在的我你就明白我有多悲观
    </p>

    <p class="boring-text">这是些无聊的文字</p>
    <p>这是不无聊也不有趣的文字</p>
    <p class="exciting-text">
      在 MDN 上做贡献简单又轻松。 按右上角的编辑按钮添加新示例或改进旧示例！
    </p>
  </body>
</html>
